body{
    font-size: 1.3rem;
    background: #F0EFF5;
}

.bady{
    overflow: hidden;
    display: none;
    width: 100vw;
    height: 100vh;
    background: #F0EFF5;
}
/*顶部*/
.czs-light{color: #09B193;}

/*习题查看*/
.xtck{
    display: flex;
    justify-content: center;
    background: #3D444C;
}
.xt_t{
    padding-top: 1em;
    width: 86%;
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
    color: white;
}
.xt_t div{
    text-align: center;
    line-height: 2em;
}

/*各种课程*/
.kc{
    width: 100vw;
    height: 70vh;
}
.kc .z{
    background: white;
    height: 3em;
    line-height: 3em;
}
.kc .t{
    margin-left: 6%;
    margin-right: 4%;
    font-size: 0.5rem;
    border-radius: 3em;
    border: solid 2px #959595;
    background: #959595;
    color: white;
}
.kc_ly{
    border-radius: 3rem;
    width: 1rem;
    height: 1rem;
    background: #09B193;
    float: left;
    margin-top: 1.5rem;
    margin-left: calc(2% - 2rem);
    margin-right: 4%;
}
.kc p{
    font-size: 1rem;
    color: #9E9E9E;
    display: inline;
}
.kc_z{
    background: white;
    margin-top: 1rem;
}
.kc_r{
    color: #D1D1D5;
    font-size: 1rem;
    float: right;
}
.tz{
    border-top: 1px solid #D1D1D5;
    margin-left: calc(2rem + 4%);
}
.kcmt{
    height: 4rem;
    padding-top: 1rem;
}


/*打开菜单界面*/
.dkcd{
    overflow: hidden;
    height: 100vh;
    color: #4A4A4A;
    width: 80%;
    float: left;
    font-size: 1.3rem;
    background: white;
}
.dkcd span{
    color: #03B293;
}
.cd_top{
    height: 5em;
    background: black;
    color: white;
    padding-top: 1em;
    padding-left: 1rem;
}
.cd_t_logo{
    width: 4rem;
    height: 4rem;
    background: red;
}
.cd_xz div{
    margin: 2rem 0;
}
.cd_bot{
    position: absolute;
    bottom: 0;
    width: 80%;
    border-top: 1px solid #959595;
}
.cd_bot div{
    margin: 1.5rem 0;
}
.dkcd span{
    margin: 0 1rem;
}

/*题目查看*/
.tmck{
    display: none;
    height: 100vh;
    overflow: hidden;
    background: white;
}
.tmck .kc{display: none;height: 80vh;}
.t_zc{
    color: #19A580;
}
.tmck .xtl_n_z{
    height: 80vh;
    overflow-y: auto;
}
/*选择栏目*/
.top_x{
    display: flex;
    justify-content: center;
    background: #3D444C;
}
.tx_t{
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 1.3rem;
    color: white;
}
.tx_t div{
    width: 50%;
    text-align: center;
    line-height: 2em;
}
.xt_r{
    color: #09B193;
    border-bottom: solid 6px #09B193;
}
.xt_l{border-bottom: solid 6px #3D444C}

/*公司套题*/
.gstt{
    overflow: hidden;
    display: none;
    width: 100vw;
    height: 100vh;
}
/*栏目内容*/
    /*右栏*/
.xtr_n_z{
    height: 80vh;
    overflow-y: auto;
}
.xtr_n{
    margin-left: 2rem;
    line-height: 4rem;
    height: 4rem;
    border-bottom: 1px solid #959595;
}
.xtr_nl{
    float: left;
}
.xtr_nr{
    padding-right: 2rem;
    color: #797979;
    float: right;
}
        /*左栏*/
.gstt .xtl_n_z{
    height: 80vh;
    overflow-y: auto;
    display: none;
}
.xtl_n{
    margin-left: 2rem;
    line-height: 4rem;
    font-size: 1.3rem;
    height: 10rem;
    border-bottom: 1px solid #959595;
}
.xtl_nl{
    margin: 2rem 0;
    margin-right: 1rem;
    background: url("../tupian/psb.jpg");
    border-radius: 3rem;
    width: 6rem;
    height: 6rem;
    float: left;
}
.xtl_nr1{
    height: 3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xtl_nr2{
    font-size: 1rem;
    color: #959595;
    line-height: 2rem;
}

/*个人主页*/
.grzy{
    display: none;
}
.grzy .rw_tx{
    background: url("../tupian/psb.jpg");
    border-radius: 3rem;
    width: 4rem;
    height: 4rem;
    float: left;
    margin-right: 1rem;
}
.gr1{
    border-bottom: 1px solid #D1D1D5;
    border-top: 1px solid #D1D1D5;
    padding:0 1rem;
    background: white;
    height: 6rem;
}
.gr1_t{
    height: inherit;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.grzy .rw_text{
    height: 4rem;
    line-height: 2rem;
    font-size: 1.3rem;
    float: left;
}
.gr_xuex{
    color: #959595;
    font-size: 1rem;
}
.grzy .ge_r{
    color: #959595;
    font-size: 1rem;
    float: right;
}
.gr_tm div{
    height: 3em;
    background: white;
    width: calc(50%);
    text-align: center;
    line-height: 3em;
    border-bottom: 1px solid #D1D1D5;
    border-top: 1px solid #D1D1D5;
}
.gr_tmr{float: right;}
.gr_tm p{
    white-space: nowrap;
    color: #19A580;
    display: inline;
    margin-left: 1rem;
}
.gr_tb{
    height: 5rem;
    background: white;
    font-size: 1rem;
    text-align: center;
    display: flex;
    justify-content:space-around;
    color: #8B8B8B;
    border-bottom: 1px solid #D1D1D5;
    border-top: 1px solid #D1D1D5;
    align-items: center;
}
.gr_tb p{
    color: black;
    font-size: 1.3rem;
}
.gr_2z,.gr_3z,.gr_4z{
    background: white;
    border-bottom: 1px solid #D1D1D5;
    border-top: 1px solid #D1D1D5;
    margin-top: 2rem;
}
.gr_2z div ,.gr_3z div,.gr_4z div{
    padding-right: 1rem;
    margin-left: 1rem;
    height: 4rem;
    line-height: 3em;
    border-bottom: 1px solid #D1D1D5;
}
.gr_2z .ge_r,.gr_3z .ge_r,.gr_4z .ge_r{
    line-height: inherit;
}
.gr_3z p,.gr_4z p{
    white-space: nowrap;
    color: #19A580;
    display: inline;
    float: right;
    padding-right: 1rem;
}
.gr_b{
    margin-top: 2rem;
    background: white;
    padding-right: 1rem;
    height: 3rem;
    line-height: 2em;
    text-align: center;
    border-top: 1px solid #D1D1D5;
}